如何从React.js读取和写入本地JSON文件?

您所在的位置:网站首页 react的fetch json 如何从React.js读取和写入本地JSON文件?

如何从React.js读取和写入本地JSON文件?

#如何从React.js读取和写入本地JSON文件?| 来源: 网络整理| 查看: 265

我已经查看了多个资源,然而,似乎没有一个能够回答我的问题。我的React应用程序中有一个名为items.json的本地JSON文件。在该文件中,是我希望能够更新的对象的列表。我尝试过使用fs,但是这显然在React中不起作用,因为我收到了这个错误:

Unhandled Rejection (TypeError): fs.readFileSync is not a function

我想要做的是,当代码获得一个新的项时,它会查看JSON文件,看看是否有一个现有的对象在其name属性中具有匹配值。如果存在,则将对象count属性加1,否则将创建一个新对象,并将其附加到JSON文件列表中。这是我为此而编写的代码。逻辑似乎是合理的(虽然没有经过测试),但我不知道如何读/写数据。

let raw = fs.readFileSync("../database/items.json"); let itemList = JSON.parse(raw); let found = false; for (let item of itemList.averages) { if (item.name === this.state.data.item_name) { found = true; item.count += 1; } } if (!found) { let newItem = { name: this.state.data.item_name, count: 1, } itemList.averages.push(newItem); } let newRaw = JSON.stringify(itemList); fs.writeFileSync("../database/items.json", newRaw);

JSON文件:

{ "averages": [ { "name": "Example", "count": 1, } ] }


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3